body{
    margin: 0px;
    padding: 0;
    background: #1f1f1f;
    font-family: sans-serif;
}
div ul{
    /* 定位方式-绝对定位 */
    position: absolute;
    top: 30%;
    left: 40%;
    /* 旋转 */
    transform: translate(-50%,-50%);
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
}
div ul li{
    /* 取消原有风格 */
    list-style: none;
      
}
div ul li a{
    text-align: center;
    /* 把元素设置成块block块属性，把点击范围扩大文字之外 */
    display: block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    background: #353535;
    color: #666464;
    /* 取消下划线 */
    text-decoration: none;
    margin: 5px;
    /* 圆角 */
    border-radius: 4px;
    /* 阴影 */
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1),0 2px 5px rgba(0, 0, 0, .5);
}

div ul li a.active,

/* 叠加实现发光效果 */
div ul li a:hover{
    color: seashell;
    text-shadow: 0 0 40px rgb(225, 224, 27),
                 0 0 20px rgb(225, 224, 27),
                 0 0 20px rgb(225, 224, 27),
                 0 0 20px rgb(225, 224, 27),
                 0 0 40px rgb(225, 224, 27),
                 0 0 20px rgb(225, 224, 27),
                 0 0 40px rgb(225, 224, 27);


}